<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城 - Xiaomi 12、Redmi K50、MIX FOLD，小米电视官方网站</title>
   
    <!-- 网页更改的图标样式 -->
    <!-- ???无法加载 -->
    <link rel="shortcut icon"  href="https://s01.mifile.cn/favicon.ico" type="image/x-icon" />
   
    <!-- 阿里的矢量库 -->
    <link rel="stylesheet" type="text/css" href="./css/font_lsixqepo8us/iconfont.css">
    
    <!--引入自己定义的样式  -->
    <link rel="stylesheet" href="./css/mi.css" type="text/css">

</head>
<body>
     <!-- 顶部布局 -->
     <div class="miHeader"></div>

     <!-- 小米的菜单栏 -->
     <div class="miMuen">
        <!-- 内容居中 -->
        <div class="cen">
            <div class="dh_left">
                <ul>
                    <li><a href="">小米商城<span>|</span></a></li>
                    <li><a href="">MIUI<span>|</span></a></li>
                    <li><a href="">IoT<span>|</span></a></li>
                    <li><a href="">云服务<span>|</span></a></li>
                    <li><a href="">天星科技<span>|</span></a></li>
                    <li><a href="">有品<span>|</span></a></li>
                    <li><a href="">小米开放平台<span>|</span></a></li>
                    <li><a href="">企业团购<span>|</span></a></li>
                    <li><a href="">资质证照<span>|</span></a></li>
                    <li><a href="">协议规则<span>|</span></a></li>
                    <li><a href="">下载APP<span>|</span></a></li>
                    <li><a href="">智能生活<span>|</span></a></li>
                    <li><a href="">Select Location</a></li>
                </ul>
            </div>
            <div class="dh_right">
                <ul>
                <li class="shop"><i class="iconfont">&#xf0179;</i><a href="">购物车(0)</a></li>
                <li><a href="">消息通知</a></li>
                <li><a href="">登录<span>|</span></a></li>
                <li><a href="">注册<span>|</span></a></li>
                </ul>
                
            </div>
        </div>
     </div>
     <!-- 搜索栏效果 -->
     <div class="miSearch">
        <div class="cen">
            <div class="search_left">
                <ul>
                    <li class="searchLogo"><img src="./img/logo-mi2(1).png" alt=""></li>
                    <li><a href="">Xiaomi手机</a></li>
                    <li><a href="">Redmi红米</a></li>
                    <li><a href="">电视</a></li>
                    <li><a href="">笔记本</a></li>
                    <li><a href="">平板</a></li>
                    <li><a href="">家电</a></li>
                    <li><a href="">路由器</a></li>
                    <li><a href="">服务中心</a></li>
                    <li><a href="">社区</a></li>
                </ul>
            </div>
            <div class="search_right" >
                <input type="text" value="Redmi K30" class="find">
                <input type="button" value="&#xe60b" class="findsub iconfont" >
            </div>
        </div>
     </div>
     <!-- 轮播图实现效果 -->
     <div class="Lunbotu">
        <div class="cen">
            <div class="lbt"></div>
        </div>
        
        <div class="hdl">
            <ul>
                <li><a href="">手机</a><i class="iconfont">&#xe62e;</i></li>
                <li><a href="">电视</a><i class="iconfont">&#xe62e;</i></li>
                <li><a href="">笔记本 平板</a><i class="iconfont">&#xe62e;</i></li>
                <li><a href="">出行 穿戴</a><i class="iconfont">&#xe62e;</i></li>
                <li><a href="">耳机 音箱</a><i class="iconfont">&#xe62e;</i></li>
                <li><a href="">家电</a><i class="iconfont">&#xe62e;</i></li>
                <li><a href="">智能 路由器</a><i class="iconfont">&#xe62e;</i></li>
                <li><a href="">电源 配件</a><i class="iconfont">&#xe62e;</i></li>
                <li><a href="">健康 儿童</a><i class="iconfont">&#xe62e;</i></li>
                <li><a href="">生活 箱包</a><i class="iconfont">&#xe62e;</i></li>
            </ul>
        </div>
     </div>
<div class="goodsInfomation">
    <div class="cen">
        <div class="good_div1">
            <ul>
                <li><a href="">保障服务</a></li>
                <li><a href="">企业团购</a></li>
                <li><a href="">F码通道</a></li>
                <li><a href="">米粉卡</a></li>
                <li><a href="">以旧换新</a></li>
                <li><a href="">话费充值</a></li>
            </ul>
        </div>
        <div class="good_div"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28c13d0d11b38ec17fa5d83bc6ba5912.jpg?w=632&h=340" alt=""></div>
        <div class="good_div"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d1892854c8bb165e755d68bde287d71.jpg?w=632&h=340" alt=""></div>
        <div class="good_div"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/290270b6fc499fc5fcb653417e99fe91.jpg?w=632&h=340" alt=""></div>
    </div>
</div>
<div class="mi6">
   <div class="cen">
    <div class="xioami12s"><img src="./img/2656295f6c067f48a04a425acf15a096.webp" alt=""></div>
    <div class="shouji">
        <h2>手机</h2>
       <div class="div1"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6b99bcb716c8f76e1fc5475172bdfc27.jpg?thumb=1&w=234&h=614&f=webp&q=90" alt=""></div>
       <div class="div2">
        <ul>
            <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90" alt=""><a href="">Xiaomi 12S pro</a> </li>
            <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207012000_0b9df066c110f201154013ac373df1d9.png?thumb=1&w=200&h=200&f=webp&q=90" alt=""><a href="">Xiaomi 12S</a> </li>
            <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207012022_19bbddb6b35c3828f8b53f450c1519a3.png?thumb=1&w=200&h=200&f=webp&q=90" alt=""><a href="">xiaomi 12 pro 天玑版</a></li>
            <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011841_084ed41d67f248677914605b73faf582.png?thumb=1&w=200&h=200&f=webp&q=90" alt=""><a href="">Xiaomi 12S Ultra</a> </li>
        </ul>
        <div>
            <ul>
                <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/211bb83776a8e0c8358732c3f3aa2864.png?thumb=1&w=200&h=200&f=webp&q=90" alt=""><a href="">Redmi Note 11T Pro+</a></li>
                <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5713971c4bb6512743dfd06023080268.png?thumb=1&w=200&h=200&f=webp&q=90" alt=""><a href="">Redmi Note 11T Pro</a></li>
                <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7fccce9e65aff2d7c913e40f4bee1b0b.png?thumb=1&w=200&h=200&f=webp&q=90" alt=""><a href="">Redmi Note 11SE</a></li>
                <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bcd64f412dfb5e15695fa96d21ecb23.png?thumb=1&w=200&h=200&f=webp&q=90" alt=""><a href="">Xiaomi Civi 1S</a></li>
            </ul>
        </div>
       </div>

    </div>
    <div></div>
    <div></div>
   </div>
</div>

</body>
</html>